<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE html>
<html lang="en">
<head>
<title>Gabarit moteur de blog v 4.0</title>
<meta charset="UTF-8">
<meta name="description"
	content="">
<meta name="robots" content="index,follow">
<link rel="stylesheet" href="../s/stylesgab.css">

</head>
<body>
	<div id="container">
	
	
	    <!-- HEADER -->
	
		<header>
		
		<p class="header">Changer de langue : <a href="#">Francais</a> - <a href="#">Anglais</a></p>
      
      	<div class="headerLeft">
        	<img src="../i/image-1.png"/>
        </div>
        
        <div class="headerCenter">
        
        
        <span class="noPict">T.D. JEE - Syntheses 2012/2013</span>
        
        
        </div>
        
        <div class="headerRight">
        
       <h4>Identification</h4>
       
				<form action="#" class="s">
					<input name="search" type="text" value="Login">
                    <input name="search" type="text" value="Mot de passe">
                    <input class="btn" type="submit" value="envoyer"/>
				</form>
        </div>
      
      		
      
      </header>
		
	<!-- CONTENT -->		
		
		<div id="b">
		
			<!-- CONTENT LEFT -->	
			
			<article>
			
				<h1>Titre de l'article</h1>
				
				
				<h2>Cat&eacute;gorie:</h2>
					
				<p>Contenu article ...</p>
					

			</article>
			
			<!-- CONTENT ASIDE RIGHT -->	
			
			
			<aside>
				
				<h4>Derniers Articles</h4>
				<div id="c">
					<ul>
						<li>o Article 1</li>
						<li>o Article 2</li>
						<li>o Article 3</li>
						<li>o Article 4</li>
						<li>o Article 5</li>
					</ul>
				</div>
				<nav>
					<h4>Cat&eacute;gories</h4>
					<ul>
						<li><a href="#">C1</a></li>
						<li><a href="#">C2</a></li>
						<li class="active"><a href="#">C3</a>
							<ul>
								<li><a href="#">C3.1</a></li>
								<li><a href="#">C3.2</a></li>
							</ul></li>
						<li><a href="#">C4</a></li>
						<li><a href="#">C5</a></li>
					</ul>
				</nav>
				<h4>Liste avatars</h4>
				<ul class="gallery">
					<li><a href="index.html"><img src="i/img1.png" alt="#" /></a></li>
					<li><a href="index.html"><img src="i/img2.png" alt="#" /></a></li>
					<li><a href="index.html"><img src="i/img3.png" alt="#" /></a></li>
			  </ul>
				<ul class="gallery">
					<li><a href="index.html"><img src="i/img4.png" alt="#" /></a></li>
					<li><a href="index.html"><img src="i/img5.png" alt="#" /></a></li>
					<li><a href="index.html"><img src="i/img6.png" alt="#" /></a></li>
			  </ul>
				<h4>Publicit&eacute;</h4>
				<div class="adspace">
					<a href="#" rel="me"><img src="img/littlehousejaune.png"
						alt=""
						title="" /></a>
				</div>
				<h4>Liens amis</h4>
				<ul>
					<li><a href="#">lien 1</a></li>
					<li><a href="#">lien 2</a></li>
					<li><a href="#">lien 3</a></li>
					<li><a href="#">lien 4</a></li>
				</ul>
				<h4>Nuage de Tag</h4>
				<ul id="tagcloud">
					<li class="tagcloudsize-1"><a href="#">nuage</a></li>
				  <li class="tagcloudsize-2"><a href="#">Ipsum</a></li>
				  <li class="tagcloudsize-3"><a href="#">Dolor</a></li>
				  <li class="tagcloudsize-2"><a href="#">Sit Amet</a></li>
				  <li class="tagcloudsize-1"><a href="#">Consectetur</a></li>
			  </ul>
			</aside>
		</div>

	<!-- FOOTER -->	
		<footer>
			
			<p>
			Footer !	
			</p>
	  </footer>
	</div>
</body>
</html>

